<link rel="stylesheet" href="/css/demos.css">

<link rel="stylesheet" href="/css/themes/ui-lightness/jquery.ui.all.css">
<script type="text/javascript">
  $(document).ready(function(){
    $("#frmSendMessage").validate();
    tinyMCE.init({
		// General options
		mode : "textareas",
		theme : "advanced",
		plugins : "pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,inlinepopups,autosave",

		// Theme options
		theme_advanced_buttons1 : "save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,|,styleselect,formatselect,fontselect,fontsizeselect",
		theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor",
		theme_advanced_buttons3 : "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,advhr,|,ltr,rtl,|,fullscreen",
		theme_advanced_buttons4 : "insertlayer,moveforward,movebackward,absolute,|,styleprops,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,pagebreak,restoredraft",
		theme_advanced_toolbar_location : "top",
		theme_advanced_toolbar_align : "left",
		theme_advanced_statusbar_location : "bottom",
		theme_advanced_resizing : false,

		// Example word content CSS (should be your site CSS) this one removes paragraph margins
		content_css : "css/word.css",

		// Drop lists for link/image/media/template dialogs
		template_external_list_url : "lists/template_list.js",
		external_link_list_url : "lists/link_list.js",
		external_image_list_url : "lists/image_list.js",
		media_external_list_url : "lists/media_list.js",

		// Replace values for the template plugin
		template_replace_values : {
			username : "Some User",
			staffid : "991234"
		}
	});
  });
</script>
<link rel="stylesheet" type="text/css" href="/css/Module_Home/new.css" />
<div id="bodier">
    <div id="right">
        <div id="right-wrapper">
            <div id="boxes">
                <div id="dialog" class="window" style="widows: 350px; height: 300px;">
                    <div  class="windowheading">
                        <a href="#"class="close"><img src="/images/close.png" width="18" height="18" alt="mails"/></a>
                    </div>
                    <div id="adding">
                        <table>
                            <tr>
                                <td>
                                    <?php include_partial('general/applicationMessageControl') ?>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <img src="/images/mails.png" width="35" height="35" alt="mails"/>
                                </td>
                                <td>
                                    <h3>Send Messages to any connections or emails</h3>
                                </td>
                            </tr>
                        </table>
                        
                        <form id="frmSendMessage" name="Add title" action="<?php echo url_for('home/sendMessage') ?>" method="get">
                            <table>
                                <?php echo $form; ?>
                                <tr>
                                    <td colspan="2">
                                        <input type="submit" value="Send" style="width: 50px"/>
                                    </td>
                                </tr>
                            </table>
<!--                            <input onclick="LoadUserConnectionList();" type="text" name="To" id="txtMailTo" class="ui-autocomplete-input required" title="Search Connection" size="100%" />
                            <input type="text" name="Subject" title="Subject" size="100%" />
                            <textarea name="Message" rows="4" cols="10" style="width: 50%"></textarea>
                            <input type="submit" value="Send" style="width: 50px"/>
                                <button id="btnSend"> Send </button>
                                <button> Save as Draft</button>-->
                        </form>
                    </div>
                </div>
            </div>

            <div align="right">
                <a href="javascript: void(0);" class="btn" onclick="ShowPopUp('#dialog');"> Create New Message </a>
            </div>
            <div id="resourcestab">
                <h3> Mails: <a href="">All(1)</a> <a href="">Shared(1)</a> <a href="">Fahmi's(1)</a></h3>
            </div>
                <?php include_component('general', 'messageList', array ('userID' => $sf_user->getAttribute('currentuser', '0')->getId())); ?>
        </div>
    </div>
    <div id="left">
        <div id="leftwrapper">
        <div id="adding">
            <?php include_partial('general/userProfilePicture') ?>
         </div>
          <div id="adding">
                <table  id="forapproving">
                    <tr>
                        <td> Student @ <a href="">King Abdullah University of Science and Techonology (KAUST)</a></td>
                    </tr>
                    <tr>
                        <td> Graduated (Dec 2010)  </td>
                    </tr>
                    <tr>
                        <td> Membership approved by <a href=""> Prof. Christian Voolstra</a></td>
                    </tr>
                </table>
         </div>
         <div id="adding">
                <table>
                <tr>
                    <td> <img src="/images/connections.png" width="35" height="35" alt="connections"/></td>
                    <td>Connections</td>
                </tr>
                </table>
                <table>
                    <tr>
                    <a href="">
                        <td><img src="/images/alinawaz.JPG" width="35" height="35" alt="alinawaz"/>
                        </td>
                        <td>Ali Nawaz Dars</td></a>
                    </tr>
                    <tr>
                    <a href=""><td><img src="/images/amjad.JPG" width="35" height="35" alt="amjad"/>
                        </td>
                        <td>Amjad Ali Dars</td></a>
                    </tr>
                    <a href=""><tr>
                            <td><img src="/images/rasyid.JPG" width="35" height="35" alt="rasyid"/>
                        </td>
                        <td>Rasyid Mujahid</td>
                    </tr></a>
                </table>
         </div>
         

         <div id="bottom">
            <a href=""> About </a>
            <a href=""> Contact </a>
            <a href=""> Help </a>
            <a href=""> Terms </a>
        </div>
            </div>
     </div>
    

        <?php
         // put your code here
        ?>


</div>
